<template>
  <div>
      <p>1</p>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
p{
    width: 50px;  
    height: 50px;
    background: #000;
    animation: move 5s;
}
/* 帧动画 */
@keyframes move{
    0%{
        width: 50px;
        background: #000;
    }
    100%{
        width: 1000px;
        background: red;
    }
}
</style>